<%--
  Created by IntelliJ IDEA.
  User: 高朋
  Date: 2020/11/10
  Time: 15:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>图书管理系统登录界面</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <style>
        .logo{
            border:1px solid blueviolet;
            background-size: 100%;
        }
        .user{
            border-bottom:2px solid #28c7ba;
            background-color: #337ab7;
            height: 40px;
        }
        .user_img{
            float: left;
        }
        .user_welcome{
            margin-left: 40px;
            font-family: 楷体;
            font-size: 20px;
            float: left;
            line-height: 40px;
        }
        .slide{
            height: 120px;
        }
        .res_img{
            /* border:3px solid blueviolet;*/
            width: 610px;
            height: 310px;
            float: left;
        }
        .add_search{
            /*border:3px solid blueviolet;*/
            float: left;
            width: 690px;
            height: 310px;
        }
        .add{
            float: left;
            width: 300px;
            height: 300px;
            margin-left: 30px;
        }
        .search{
            float: right;
            width: 300px;
            height: 300px;
        }
        .btn{
            height: 300px;
        }
        .btn-default{
            margin-left: 20px;
        }
        .add_text,.retrieve_text{
            line-height: 300px;
        }
    </style>
</head>
<body>

<%
    String username=(String)session.getAttribute("username");
    String password=(String)session.getAttribute("password");
    String id=session.getId();
//out.print(username+" "+password+"  "+id);
%>
<div class="logo">
    <img width=1323 src="imag/logo.png" alt="...">
</div>
<div class="user">
    <div class="user_img">
        <img src="imag/home.png" width="40" height="40" alt="...">
    </div>
    <div class="user_welcome">用户：<% out.print(username);%>,欢迎登录
    </div>
</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="imag/ca1.png" alt="...">
            <div class="carousel-caption">
            </div>
        </div>
        <div class="item">
            <img src="imag/ca2.png" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="imag/ca3.png" alt="...">
            <div class="carousel-caption">

            </div>
        </div>
    </div>

    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<hr>
<div class="res_img">
    <img src="imag/img1.png" width="600" height="300" alt="...">
</div>
<div class="add_search">
    <div class="add">
        <a href="${pageContext.request.contextPath}/add.jsp" class="btn btn-primary btn-lg active btn-block" role="button"><span class="add_text">添加图书</span></a>
    </div>
    <div class="search">
        <a href="${pageContext.request.contextPath}/search.jsp" class="btn btn-default btn-lg active btn-block" role="button"><span class="retrieve_text">检索图书</span></a>
    </div>
</div>





<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap.min.js"></script>

</body>
</html>




